<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>同游</title>
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="keywords" content="同游,结伴自助游,结伴游,结伴出游,结伴旅游,结伴同游,结伴同行" />
		<meta name="description" content="联途同游：旅途乐趣，也许不由风景决定。方便快速的免费发布同游信息，寻找志同道合的伙伴一起旅行，随时随地结伴旅游，结伴自助游，在联途安全放心旅游。" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="canonical" href="http://www.liantu.cn/tongyou/" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/tongyou_index.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript" src="js/tongyou_add.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/jingdian.js"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/JSUtil3.5.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var TU = {
				wwwUrl: 'http://www.liantu.cn',
				myUrl: 'http://my.liantu.cn',
				imageUrl: 'http://static.liantu.cn/image/',
				domain: 'liantu.cn',
				today: '2019-01-01',
				mobile_agent: ''
			};
			var isMobi = (function() {
				var u = navigator.userAgent.toLowerCase();
				return u.indexOf("mobi") > 0 || u.indexOf("nexus 7") > 0 || u.indexOf("480") > 0;
			})();
			if(isMobi && TU.mobile_agent != '') {
				location.href = TU.mobile_agent;
			}
		</script>
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<!--[if lte IE 8]>
<script type="text/javascript">
$(function(){
var $body=$('body');
var $window =  $(window);
$window.resize(function() {
var width = $window.width();
if(width<768){
$body.addClass("media-small").removeClass("media-medium");
}else if(width<1300){
$body.addClass("media-medium").removeClass("media-small");
}else{
$body.removeClass("media-small").removeClass("media-medium");
}
}).resize();
});
</script>
<![endif]-->
	</head>

	<body onload="jingdian()">
		<div class="wrapper">
			<div class="header">
				<div class="mod-head">
					<div class="bg"></div>
					<div class="box">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="联途" /></a>
						</div>
						<div class="J_search search">
							<div class="sbox">
								<input type="text" class="text" placeholder="输入想去的地方（例如：北京）" />
								<span class="ico"><span>
							</div>
						</div>
						<div class="login pl-login-info" id="pl-login-info">
							<div class="link">
								<a href="apply.html" target="_blank">申请成为向导</a>
								<br />
							</div>
							<div class="login pl-login-info" id="pl-login-info">
								<div class="info">
									<a href="signin.html" id="sqdy" id="logining">登录</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="mod-mhead">
					<div class="box">
						<a class="pulish" href="tongyou_add.html" rel="nofollow" onclick="TU.login('reg');">发布</a>
						<a class="icon-menu" href="javascript:;" rel="nofollow">菜单</a>
						<a class="logo" href="index.html"><img src="images/logo.png" alt="联途" /></a>
					</div>
					<div class="sidebar">
						<div class="mask"></div>
						<div class="panel pl-login-info"></div>
					</div>
				</div>
				<div class="mod-mcity">
					<div class="hd">
						<a class="close" href="javascript:;"></a>
						<span>寻找城市</span>
							</div>
							<div class="bd">
								<form method="get" action="">
									<div class="item">
										<input type="text" class="station" name="from" placeholder="出发地" value="" data-text="" autocomplete="off" />
										<label></label>
									</div>
									<div class="item">
										<input type="text" class="station" name="to" placeholder="目的地" value="" data-text="" autocomplete="off" data-list="8" />
										<label></label>
									</div>
									<div class="item">
										<input class="mdate" type="text" name="startdate" placeholder="出发日期" />
									</div>
									<div class="item">
										<input class="mdate" type="text" name="enddate" placeholder="返回日期" />
									</div>
									<div>
										<input class="btn" type="submit" value="寻 找" />
									</div>
								</form>
							</div>
						</div>
					</div>
					<div class="container">
						<div class="full-column">
							<div class="mod-bg">
								<img class="fixed" src="images/1.jpg" />
								<img class="static" src="images/1.jpg" />
							</div>
							<div class="mod-sort">
								<h1>同游</h1>
								<h2><span>旅途的乐趣</span> <span>也许不由风景决定</span></h2>
							</div>
							
							<div class="mod-mcondition">
								<div class="box">
									<input class="input-button" type="button" value="搜索" />
									<input class="input-text" type="text" value="" placeholder="你想去哪里？" />
								</div>
							</div>
						</div>
						<div class="inner">
							<div class="main">
								<div class="content">
									<div class="mod-list" id="ty1">
										<div class="nodata">
											<img src="images/nodata.png" alt="这个城市暂时还没有人发布同游，赶紧发布一个吧!" />
											<br /> 这个城市暂时还没有人发布同游，赶紧发布一个吧!
										</div>
										<ul id="list" class="list">
											<li class="J_blocklink" v-for="info of dlist">
												<div class="pic">
													<div class="avatar">
														<img :src='getImgUrl(info.uinfo.user_img)' alt=" " width="120" height="120" />
													</div>
													<div class="name">
														<span :class='getClass(info.uinfo.user_sex)'>{{info.uinfo.user_name}}</span>
													</div>
													<div class="address">
														<span>{{info.uinfo.user_city}}</span>
													</div>
												</div>
												<div class="text">
													<div class="title">
														<a :href='getToghref(info.tog_id)' target="_blank"># {{info.tog_sdate}}~{{info.tog_edate}},{{info.tog_splace}}到{{info.tog_eplace}} 求结伴#</a>
														<span class="in"> {{getTogStatus(info.tog_status)}} </span>
													</div>
													<div class="road">
														路线：{{info.tog_splace}}到{{info.tog_eplace}}
													</div>
													<div class="info">
														<div class="time">
															<div class="label">
																行程时间
																<span>（共{{info.tog_count}}天）</span>
															</div>
															<p>{{info.tog_sdate}}<span>至</span>{{info.tog_edate}}</p>
														</div>
														<div class="num">
															<div class="label">
																参加人数
															</div>
															<p>1/{{info.tog_count}}</p>
														</div>
													</div>
													<p class="intro"> {{info.tog_detail}} </p>
												</div>
											</li>
										</ul>
										
									</div>
									<div id="page" style="text-align: center;font-size: 20px;"></div>
									 <!--<div>
                                  <a class="prev" href="">&lt;&lt;</a>
                                  <a class="num" href="">1</a>
                                  <span class="current">2</span>
                                  <a class="num" href="">3</a>
                                  <a class="num" href="">489</a>
                                  <a class="next" href="">&gt;&gt;</a>
                                </div>-->
								</div>

								<!--
                                	作者：offline
                                	时间：2019-09-12
                                	描述：
                                -->
                                
								<div class="side">
									<div class="mod-travel">
										<img src="images/travel.png" width="100%" />
										<a href="tongyou_add.html" rel="nofollow" class="box" target="_blank" onclick="TU.login('reg');"> <span>发起同游</span> </a>
										
									</div>
									<div class="mod-raiders">
										<!--<div class="hd"> 
         <h1>热门<a href="gonglue.html" target="_blank">旅游攻略</a></h1> 
         <span>/</span> 
         <a href="gonglue.html" class="hmore" target="_blank" title="旅游攻略">更多</a> 
        </div> -->
										<!--<div class="bd"> 
         <ul> 
          <li> <a href="/gonglue/zhusu/" target="_blank" class="tag">[住宿攻略]</a> <a href="/gonglue/3255.htm" target="_blank">五大道住宿推荐 去天津五大道旅游住哪里好</a> </li> 
          <li> <a href="/gonglue/meishi/" target="_blank" class="tag">[美食攻略]</a> <a href="/gonglue/3254.htm" target="_blank">天津五大道美食指南 五大道附近有吃饭的地方吗</a> </li> 
          <li> <a href="/gonglue/gouwu/" target="_blank" class="tag">[购物攻略]</a> <a href="/gonglue/3253.htm" target="_blank">天津五大道特产有什么值得带 五大道购物指南</a> </li> 
          <li> <a href="/gonglue/zizhuyou/" target="_blank" class="tag">[自助游攻略]</a> <a href="/gonglue/3252.htm" target="_blank">天津五大道怎么去 天津站到五大道乘车指南</a> </li> 
          <li> <a href="/gonglue/gouwu/" target="_blank" class="tag">[购物攻略]</a> <a href="/gonglue/3251.htm" target="_blank">扬州宋夹城景区周边有什么特产 宋夹城周边购物推荐</a> </li> 
          <li> <a href="/gonglue/zhusu/" target="_blank" class="tag">[住宿攻略]</a> <a href="/gonglue/3250.htm" target="_blank">扬州宋夹城附近酒店哪家好 宋夹城住宿推荐</a> </li> 
          <li> <a href="/gonglue/meishi/" target="_blank" class="tag">[美食攻略]</a> <a href="/gonglue/3249.htm" target="_blank">宋夹城体育休闲公园附近有什么好吃的</a> </li> 
         </ul> 
        </div> -->
									</div>
									<div class="mod-spot">
										<div class="hd">
											<h1>热门<a href="jingdian.html" target="_blank">旅游景点</a></h1>
											<span>/</span>
											<a href="jingdian.html" class="hmore" target="_blank" title="旅游景点">更多</a>
										</div>
										<div class="bd" id="jd">
											<ul>
												<li v-for="info of list">
													<a :href='getplaceUrl(info.place_name)' target="_blank ">{{info.place_name}}</a><span>{{info.place_address}}</span></li>
												<!--<li> <a href="/jingdian/1909.htm" target="_blank">大阳山国家森林公园</a> <p>苏州市高新区浒关经济开发区山神湾路</p> </li> 
          <li> <a href="/jingdian/1908.htm" target="_blank">宿迁三台山森林公园</a> <p>江苏省宿迁市宿豫区249省道</p> </li> 
          <li> <a href="/jingdian/1907.htm" target="_blank">东台西溪景区</a> <p>盐城市东台市惠阳路</p> </li> 
          <li> <a href="/jingdian/1906.htm" target="_blank">龙宫大白鲸欢乐世界</a> <p>江苏省淮安市经济开发区南马厂大道99号</p> </li> 
          <li> <a href="/jingdian/1905.htm" target="_blank">灵山小镇拈花湾</a> <p>滨湖区马山环山西路88号</p> </li> -->
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="footer">
						<div class="mod-back">
							<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
							<a href="javascript:" class="code" id="code"></a>
							<a href="index.html" class="customer"></a>
							<a href="#" class="goback"></a>
						</div>
						<div class="mod-foot">
							<div class="info">
								<div class="contact">
									<p class="logo">
										<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
									<p class="tell">4006 666863</p>
									<p>24小时服务热线</p>
								</div>
								<dl>
									<dt>
        公司信息
       </dt>
									<dd>
										<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
									</dd>
									<dd>
										<a href="copyright.html" target="_blank" rel="nofollow">免责声明</a>
									</dd>
									<dd>
										<a href="contact.html" target="_blank" rel="nofollow">联系我们</a>
									</dd>
									<dd>
										<a href="join.html" target="_blank" rel="nofollow">加入我们</a>
									</dd>
								</dl>
								<dl>
									<dt>
        帮助中心
       </dt>
									<dd>
										<a href="xieyi.html" target="_blank" rel="nofollow">用户协议</a>
									</dd>
									<dd>
										<a href="safe.html" target="_blank" rel="nofollow">安全保障</a>
									</dd>
									<dd>
										<a href="process.html" target="_blank" rel="nofollow">预定流程</a>
									</dd>
								</dl>
								<dl class="app">
									<dt>
        发现
       </dt>
									<dd>
										<a href="/app/" target="_blank">Android客户端</a>
									</dd>
									<dd>
										<a href="/app/" target="_blank">iOS客户端</a>
									</dd>
									<dd>
										<a href="/app/huilv/" target="_blank">联途汇率</a>
									</dd>
									<dd>
										<a href="/app/tongyou/" target="_blank">联途同游</a>
									</dd>
								</dl>
							</div>
							<div class="copyright">
								<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
							</div>
						</div>
						<div class="mod-mfoot">
							<div class="info">
								<ul>
									<li>
										<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
									</li>
									<li>
										<a href="apply.html" target="_blank" rel="nofollow">申请成为向导</a>
									</li>
									<li>
										<a href="/app/" target="_blank" rel="nofollow">APP下载</a>
									</li>
								</ul>
								<div class="contact">
									<p class="logo">
										<a href="index.html"><img src="images/logo.png" alt="联途" width="100" /></a>
									</p>
									<p class="tell">4006-6668-63</p>
								</div>
							</div>
							<div class="copyright">
								Copyright &copy; 2016 liantu.cn
							</div>
						</div>
					</div>
				</div>
				<!--<script type="text/javascript">
			(function() {
				var $info3 = $('.pl-login-info');
				PL.init({
					domain: 'http://my.liantu.cn',
					callback: function(nickName, html) {
						!PL.MID ? (function() {
							html.push('<div class="info"><a href="javascript:;" onclick="TU.login();">登录</a></div>');
						})() : (function() {
							var num = PL.type ? (PL.merchantlaunchordernum + PL.merchantordernum) : PL.memberordernum;
							html.push('<div class="user">' + (num > 0 ? '<span class="num"><span>' + num + '</span></span>' : '') + '<img src="' + PL.avatar + '" alt="' + nickName + '" width="40" height="40"/><span class="name">' + nickName + '</span><span class="ico"></span></div>');
							if(PL.type) {
								html.push('\
<div class="list">\
<div class="ico"></div>\
<ul>\
<li class="d-pc"><a href="http://my.liantu.cn/merchant/">商户信息</a></li>\
<li><a href="http://my.liantu.cn/merchant/order/reserve/">' + (PL.merchantlaunchordernum ? '<span class="num"><span>' + PL.merchantlaunchordernum + '</span></span>' : '') + '预约管理</a></li>\
<li><a href="http://my.liantu.cn/merchant/order/">' + (PL.merchantordernum ? '<span class="num"><span>' + PL.merchantordernum + '</span></span>' : '') + '订单管理</a></li>\
<li class="d-m"><a href="http://my.liantu.cn/merchant/account/">我的钱包</a></li>\
<li class="d-m"><a href="/banyou/">伴游</a></li>\
<li class="d-m"><a href="/daoyou/">导游</a></li>\
<li class="d-m"><a href="/tongyou/">同游</a></li>\
<li class="d-pc"><a href="javascript:;" onclick="TU.logout();">退出</a></li>\
</ul>\
</div>');
							} else {
								html.push('\
<div class="list">\
<div class="ico"></div>\
<ul>\
<li class="d-pc"><a href="member_info.html">个人信息</a></li>\
<li><a href="member_order.html">' + (PL.memberordernum > 0 ? '<span class="num"><span>' + PL.memberordernum + '</span></span>' : '') + '我的订单</a></li>\
<li><a href="member_tongyou.html">我的同游</a></li>\
<li class="d-m"><a href="http://my.liantu.cnmember_withdraw.html">我的钱包</a></li>\
<li class="d-m"><a href="/banyou/">伴游</a></li>\
<li class="d-m"><a href="/daoyou/">导游</a></li>\
<li class="d-m"><a href="/tongyou/">同游</a></li>\
<li class="d-pc"><a href="javascript:" onclick="TU.logout();">退出</a></li>\
</ul>\
</div>');
							}
						})();
						if(!pl_status && !PL.type) {
							var div = document.createElement('div');
							div.className = 'link';
							div.innerHTML = '<a href="apply.html" target="_blank">申请成为向导</a>';
							var $info = document.getElementById('pl-login-info');
							if($info) {
								$info.parentNode.insertBefore(div, $info);
							}
						}
						pl_status = 1;
					}
				});
			})();
			var pl_status = 0;
		</script>-->
				<script type="text/javascript" src="member_info.htmlpre/login?v1457429260"></script>
				<!--<script type="text/javascript">
			seajs.config({
				base: 'http://static.liantu.cn/script/dist',
				paths: {
					'modules': 'http://static.liantu.cn/script/dist'
				},
				map: [
					[/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?version=v1']
				],
				charset: 'utf-8'
			});
			seajs.use('modules/www/public/common.js');
			seajs.use('modules/www/travel/index.js');
		</script>-->
		
				<script type="text/javascript" src="js/tongyou.js"></script>
				<script type="text/javascript">
					var page = new Pagin({
	el: "#page", //绑定分页div
	dataSize: getTongCount(), //数据量
	pageSize: 4, //每页数量
	func: function() {
		//触发事件
		Vm.$data.dlist=gettog()
	}
})
					var Vm = new Vue({
						el: "#ty1",
						data: {
							dlist: gettog(),
							pages: createPagin()
						},
						methods: {
							getImgUrl(item) {
								var url = 'http://114.55.145.243:8080/img/img/' + item + '.jpg';
								return url;
							},

							getClass(item) {
								if(item == "女")
									return 'woman';
								if(item == "男")
									return 'man';
							},
							getToghref(item) {
								var url = 'tongyou_detail.html?tog_id=' + item;
								//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
								return url;
							},
							getTogStatus(item){
								if(item == 0)
									return "结伴中";
								if(item == 1)
									return "已结束";
							}
						

						}
					})
				</script>
				

				<div class="hide">
				</div>
	</body>

</html>